<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/duolie.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="SHORTCUT ICON" href="funnyfacefruit.ico"/>
		<style>
		:root{
			background-color: #FAE8C8;
		}
		
		#title{
			width: 100%;
			height: 120px;
			border: 1px solid;
			background-color:#FAE8C8;
		}
		.zaocan{
			width: 1000px;
			height: 320px;
			position: relative;
			z-index: 5;
		}
		.zaocan img{
			height: 250px;
			width: 330px;
		}
		.zaocan2{
			width: 1000px;
			height: 590px;
			position: relative;
			z-index: 5;
		}
		nav{
			background-color: white;
			z-index: 10;
		}
		/*.swiper-slide{
			margin-top: -65px;
		}*/
		.swiper-slide h3{
			width: 1360px;
			display: block;
			height: 120px;
			position: absolute;
			line-height: 120px;
			left: -180px;
			top:0px;
			text-align: center;
			font-family:"microsoft yahei";
			color: #222222;
			letter-spacing: 5px;
			font-size: 23px;
			z-index: 10;
			background-color:#FAE8C8 ;
		}
		.swiper-slide img{
			margin-top: 120px;
			height: 330px;
		}
		#main{
			padding-bottom: 50px;
			margin-top: -63px;
		}
		    html, body {
        position: relative;
        height: 330px;
    }
    body {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    	  .swiper-container {
        width: 100%;
        height: 600px;
        background-color: white;
    }
    .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 570px;
    }
    .swiper-slide h3{
			width: 1360px;
			display: block;
			height: 120px;
			position: absolute;
			line-height: 120px;
			left: -180px;
			top:0px;
			text-align: center;
			font-family:"microsoft yahei";
			color: #222222;
			letter-spacing: 5px;
			font-size: 23px;
			z-index: 10;
			background-color:#FAE8C8 ;
		}
    .duolielunbo{
    	width: 1000px;
    	height: 500px;
    	position: relative;
    }
     .duolielunbo img{
     	width: 315px;
     	height: 200px;
     	
     }

     #suibian{
     	width:990px;
     	height: 120px;
     	margin: 0px auto;
     	text-align: center;
			font-family:"microsoft yahei";
			color: #222222;
			letter-spacing: 5px;
			font-size: 23px;
			line-height: 120px;
     }
    	#biaoshi2,#jiankang{
    		position: relative;
    		width: 990px;
    		height: 120px;
    		margin: 0px auto;
    	}
    	#biaoshi2 p,#jiankang p{
    		width: 990px;
    		height: 120px;
    		text-align: center;
    		line-height: 120px;
    		font-family:"microsoft yahei";
			color: #222222;
			letter-spacing: 5px;
			font-size: 23px;
    	}
    	#biaoshi2 a{
    		display: block;
    		position: absolute;
    		color: #666666;
    		right: 0px;
    		top: 50px;
    	}
    	#shure{
    		width: 990px;
    		height: 193px;
    		background-color:white;
    		margin: 0px auto;
    		position: relative;
    		color: #666;
    	}
    	/*#shure #ul1 li:first-child{
    		background-color: #FF3232;
    		color: white;
    	}*/
    	.lisg{
    		background-color: #FF3232;
    		color: white;
    	}
    	#shure #ul1 li{
    		float: left;
			display: inline-block;
			vertical-align: top;
			height: 60px;
			line-height: 60px;
			padding: 0px 15px;
    	}
    	/*#shure #ul1 li:hover{
    		background-color: #FF3232;
    		color: white;
    	}*/
    	.swiper-container2{
    		 width: 100%;
	        height: 300px; 
    	}
    	.swiper-container2 img{
    		width: 310px;
    		height: 120px;
    	}
    	#sss{
    		position: absolute;
    		top: -60px;
    	}
    	#sss2{
    		position: absolute;
    		top: -155px;
    	}
    	#sss3{
    		position: absolute;
    		top: -35px;
    	}
    	.duolielunbo li{
    		margin-right: 10px;
    		list-style-type: none;
    		width: 315px;
    		float: left;
    	}
    	.duolielunbo .span1{
    		display: block;
    		text-align: left;
    		margin-top: -5px;
    		background-color: burlywood;
    		font-size: 24px;
			height: 42px;
			line-height: 42px;
			text-indent: 20px;
			font-family: Microsoft Yahei;
			color: white;
			position: relative;
    	}
    	.duolielunbo li .span1 a{
    		color: white;
    	}
    	.duolielunbo>li>.span1 a:hover{
    		color: red;
    		text-decoration: underline;
    	}
    	.duolielunbo .span2{
    		text-align: left;
    		display: block;
    		background-color:burlywood;
    		font-size: 13px;
			height: 38px;
			line-height: 38px;
			text-indent: 20px;
			font-family: Microsoft Yahei;
    	}
    	#height1{
    		height: 550px;
    		
    	}
    	#height2{
    		height: 620px;
    	}
    	#height3{
    		height: 820px;
    	}
    	.lix{
    		margin-top: -110px;
    	}
    	/*.lix2{
    		z-index: 30;
    	}*/
    	#div1{
    		clear: left;
    	}
    	#div1 ul{
    		height: 119px;
    		padding-left: 20px;
    	}
    	#div1 ul li{
    		list-style-type: none;
    		float: left;
    		position: relative;
    	}
    	#div1 ul li p{
    		position: absolute;
    		height: 28px;
    		width: 117px;
    		bottom: 0px;
    		background:url(img/white70.png) repeat;
    		padding-left: 20px;
    		padding-top: 5px;
    		color:#333333;
    	}
    	#div1 ul li p span:hover{
    		color: red;
    		border-bottom: 1px solid red;
    	}
    	#div1 ul li p input{
    		margin-right: 10px;
    	}
    	#div1 ul li img{
    		width: 117px;
    		height: 117px;
    	}
    	#u2,#u3,#u4{
    		display: none;
    	}
    	.bianhong{
    		background-color: #FF3232;
    		color: white;
    	}
    	.huanyuan{
    		background-color: white;
    		color: black;
    	}
    	.tuijian{
    		position: absolute;
    		width: 1360px;
    		height: 120px;
    		margin-left: -180px;
    		background-color: #FAE8C8;
			line-height: 120px;
			font-size: 24px;
			color: #222;
			text-align: center;
			font-family: Microsoft Yahei;
    		/*width: 100%;*/
    	}
    	/*********************最后一个轮播*/
    	 .duolielunbo2{
    	width: 1000px;
    	height: 500px;
    	/*background-color: red;*/
    	position: relative;
    }
     .duolielunbo2 img{
     	width: 232px;
     	height: 232px;
     	
     }
     .duolielunbo2 li{
    		margin-right: 10px;
    		list-style-type: none;
    		width: 232px;
    		height: 332px;
    		float: left;
    	}
    	.duolielunbo2 li .guodu{
    		width: 232px;
    		height: 100px;
    		position: relative;
    		background-color: darkgray;
    	}
    	.duolielunbo2 li .guodu .cansee{
    		display: block;
    		width: 232px;
    		height: 100px;
    		text-align: left;
    		/*border: 1px solid;*/
    		margin-top: -5px;
    		background-color:#FAE8C8;
    	}
    	.duolielunbo2 li .guodu .canotsee{
    		width: 232px;
    		height: 100px;
    		display: none;
    		margin-top: 0px;
    		/*background-color: red;*/
    		margin-top: -5px;
    		padding-top: 20px;
    		background-image: url(img/white70.png);
    		
    	}
    	.duolielunbo2 li .guodu .canotsee .pyin1{
    		text-align: right;
    		margin-right: 30px;
    		height: 30px;
    		background:url(img/list_style1_icons.png) 0px -130px no-repeat;
    		color: #333333;    		    	}
    	.duolielunbo2 li .guodu .canotsee .pyin2{
    		text-align:left;
    		padding-left: 100px;
    		height: 30px;
    		background:url(img/list_style1_icons.png) 0px -45px no-repeat;
    	}
    	.duolielunbo2 li .guodu .cansee strong{
    		display: block;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			color: #333;
			font-weight: bold;
			/*border: 1px solid;*/
			padding-left: 14px;
    	}
    	.duolielunbo2 li .guodu .cansee .spa1{
    		display: block;
			height: 26px;
			line-height: 26px;
			padding: 0px 14px 0px;
			font-size: 12px;
			color: gray;
			/*border: 1px solid;*/
    	}
    	.duolielunbo2 li .guodu .cansee .spa2{
    		display: block;
			height: 23px;
			line-height: 23px;
			padding: 0px 14px 0px;
			font-size: 12px;
			color:red;
			/*border: 1px solid;*/
    	}
    	.libottom{
    		margin-top: 10px;
    		height: 237px;
    	}
    	.last{
    		width: 232px;
    		height: 332px;
    		margin-top: 130px;
    		background-color:#FAE8C8;
    	}
    	.last strong{
    		height: 50px;
			line-height: 50px;
			color: #333;
			font-size: 14px;
			text-align: left;
			text-indent: 2em;
			border-bottom: 1px solid #666666;
			/*border: 1px solid;*/
			display: block;
    	}
    	.daohangshipin{
    		padding: 15px;
    	}
    	.daohangshipin dd{
    		float: left;
    		/*border: 1px solid;*/
    		height: 30px;
    		margin-right: 15px;
    		margin-bottom: 15px;
    	}
    	.daohangshipin dd a{
    		color: #888;
			display: inline-block;
			vertical-align: top;
			border: 1px solid #888;
			line-height: 28px;
    	}
    	.daohangshipin dd a:hover{
    		background-color: #FF3232;
    		color: white;
    	}
    	.lianjie{
    		background-color: #FF3232;
    		border: 0px;
    		color: white;
    	}
    	#index-health{
    		width: 990px;
    		height: 340px;
    		/*margin-bottom: 30px;*/
    		margin: 0px auto;
    	}
    	.mb20{
    		width: 485px;
    		height: 160px;
    		position: relative;
    		float: left;
    	}
    	.mb20 img{
    		width: 160px;
    		height: 160px;
    		float: left;
    	}
    	.mb20 .right{
    		width: 325px;
    		height: 160px;
    		/*border: 1px solid;*/
    		margin-left: 160px;
    	}
    	.mb20 .right div{
    		padding-left: 10px;
    		height: 53px;
    		line-height: 53px;
    		background-color: white;
    		border-bottom: 1px solid #EEEEEE;
    	}
    	.mb20 .right div a{
    		color: #666666;
    	}
    	.mb20 .right div a:hover{
    		color: red;
    	}
    	.mb20:nth-child(2n-1){
    		margin-right: 20px;
    	}
    	.mb20:nth-child(1){
    		margin-bottom: 20px;
    	}
    	.mb20:nth-child(2){
    		margin-bottom: 20px;
    	}
    	.qiehuan_col{
    		color: #333333;
    		font-size: 16px;
    		font-weight: bolder;
    	}
    	.log{
    		display: block;
    		width: 76px;
    		height: 30px;
    		background-color: #60A531;
    		color: white;
    		/*position: absolute;
    		left: 395px;
    		top: -10px;*/
    		line-height: 30px;
    		text-align: center;
    		float: left;
    		/*box-shadow: 0px -5px black;*/
    	}
    	.texiao{
    		margin-left: 76px;
    		display: block;
    		width: 6px;
    		height: 6px;
    		background-image:url(img/gxarrow1.png);
    	}
    	.logposition{
    		position: absolute;
    		width:82px;
    		height:30px;
    		left: 390px;
    		top: -6px;
    	}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
			<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
			<script type="text/javascript" src="js/responsive-nav.js" ></script>
			<script type="text/javascript" src="js/html5shiv-printshiv.js" ></script>
		<script>
		var imgarr1=["img/b40b9f20c4cd58c3b9deb91c7255da66_150x150.jpg",
					"img/0ec0eec063249ad52149546bed3ba080_150x150.jpg",
					"img/03f1013c042f3d47d215f9dc269a1492_150x150.jpg",
					"img/ac7f3feafc5e94162a5df317f0b89176_150x150.jpg",
					"img/3654a45a993905718c45b6542b4bfd17_150x150.jpg",
					"img/f480bbccc2c7dba33c7e328c29b738f6_150x150.jpg",
					"img/f83738d3f037ba9c3a08a3190cf6ebf0_150x150.jpg",
					"img/ae505381df642cf8a74b3a34a4e99149_150x150.jpg",
					"img/7460fef1fa63abc52d04cdf471340626_150x150.jpg",
					"img/21656b6c681df3bd0be6c91b1e193de7_150x150.jpg",
					"img/2d952c4d05e9300e61745e1267bfe1ec_150x150.jpg",
					"img/62bd4d24e80fdf227b21fbb60abb94f8_150x150.jpg"
					];
			function xianshi(t){
				t.children[1].style.display="block";
			}
			function xiaoshi(t){
				t.children[1].style.display="none";
			}
			$(function(){
				$("#ul1>li").mouseover(
				function(){
					var t=$(this);
					var lis=$("#ul1>li");
						$(this).addClass("bianhong");
						for(var i=0;i<lis.length;i++){
								if(lis[i].className!=t[0].className){
									lis[i].className+="huanyuan";
									$("#u"+(i+1)).css("display","none");
								}else{
									$("#u"+(i+1)).css("display","block");
								}
							
						}
//						$(this).prevAll().addClass("huanyuan");
//						$(this).nextAll().addClass("huanyuan");
				}
			);
			$(".guodu").hover(function(){
				$(this).children(".cansee").slideToggle(300);
				$(this).children(".canotsee").slideToggle(300);
			});
			});
			$(function(){
				$(".right>div>a").mouseover(
				function(){
					var ai=$(this);
					var ax=$(".right>div>a");
					for(var i=0;i<ax.length;i++){	
						if(ax[i].className!=ai[0].className){
							$(".right>div>.a"+i).removeClass("qiehuan_col");
						}else{
							var num=parseInt(i/3);
							var img=document.getElementsByClassName("imgx1")[num];
							console.log(i);
							$(".right>div>.a"+i).addClass("qiehuan_col");
							img.src=imgarr1[i];
						}
					}
					}
				);
			});
				window.onload = function(){
				var footer_right = document.getElementById("footer_right_div1");
				var divs = footer_right.getElementsByTagName("div");
				for(var i = 0; i < divs.length; i++) {
					var x = 105 * (i + 1) + "px";
					var y = 105 + "px";
					divs[i].style.backgroundPosition = x + " " + y;
				}
			}
		</script>
	</head>
	<body>
		<header>
			<div id="headerlog"></div>
			<div id="main_search">
				<p>
					<input type="text" placeholder="请输入菜谱/食材/菜单/作者" class="search" />
					<input type="button" value="搜索" class="searchbutton" />
				</p>
			</div>
			<div id="logitem">
				<ul>
					<li id="li1"><a href="#">QQ登录</a></li>
					<li id="li2"><a href="#">微博登录</a></li>
					<li class="li3"><a href="zhuce.html">注册</a></li>
					<li class="li3"><a href="denglu.html">登录</a></li>
				</ul>
			</div>
		</header>
		<nav>
			<ul id="caipudaquan">
				<li class="l1"><a href="#">首页</a></li>
				<li class="l2" onmouseover="xianshi(this)" onmouseout="xiaoshi(this)">
					<a href="caipudaquan.html">菜谱大全</a>
					<div id="caipu">
						<div class="p1">
							<span><a href="#">家常菜谱</a></span>
							<ul>
								<li><a href="#">家常菜</a></li><li><a href="#">凉菜</a></li><li><a href="#">素菜</a></li><li><a href="#">晚餐</a></li><li><a href="#">私家菜</a></li><li><a href="#">热菜</a></li><li><a href="#">海鲜</a></li><li><a href="#">孕妇</a></li><li><a href="#">早餐</a></li><li><a href="#">午餐</a></li><li><a href="#">甜品点心</a></li><li><a href="#">汤粥</a></li><li><a href="#">宝宝食谱-婴儿食谱</a></li><li><a href="#">糕点主食</a></li><li><a href="#">微波炉</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">中华菜系</a></span>
							<ul>
								<li><a href="#">家常菜</a></li><li><a href="#">凉菜</a></li><li><a href="#">素菜</a></li><li><a href="#">晚餐</a></li><li><a href="#">私家菜</a></li><li><a href="#">热菜</a></li><li><a href="#">海鲜</a></li><li><a href="#">孕妇</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">各地小吃</a></span>
							<ul>
								<li><a href="#">四川小吃</a></li><li><a href="#">广东小吃</a></li><li><a href="#">北京小吃</a></li><li><a href="#">陕西小吃</a></li>
							</ul>
						</div>
						
						<div class="p2">
							<span><a href="#">外国菜谱</a></span>
							<ul>
								<li><a href="#">韩国料理</a></li><li><a href="#">日本料理</a></li><li><a href="#">法国菜</a></li><li><a href="#">意大利餐</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">烘焙</a></span>
							<ul>
								<li><a href="#">糕面包蛋</a></li><li><a href="#">饼干配方</a></li><li><a href="#">甜品点心</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">厨房百科</a></span>
							<ul>
								<li><a href="#">摆盘周边</a></li><li><a href="#">烹饪技巧</a></li><li><a href="#">生活妙招</a></li><li><a href="#">美食专题</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">食材百科</a></span>
							<ul>
								<li><a href="#">蔬菜</a></li><li><a href="#">水果</a></li><li><a href="#">谷类</a></li>
							</ul>
						</div>
						<img src="img/jccp_navbgg.png" />
					</div>
				</li>
				<li class="l3" onmouseover="xianshi(this)" onmouseout="xiaoshi(this)">
					<a href="yinshijiankang.html">饮食健康</a>
					<div id="health">
						<div class="p1">
							<span><a href="#">饮食健康</a></span>
							<ul>
								<li><a href="#">饮食小常识</a></li><li><a href="#">美容瘦身</a></li><li><a href="#">食品安全</a></li><li><a href="#">养生妙方</a></li><li><a href="#">饮食禁忌</a></li><li><a href="#">中医保健</a></li><li><a href="#">母婴健康饮食</a></li><li><a href="#">饮食新闻</a></li>
							</ul>
						</div>
						<div class="p1">
							<span><a href="#">功能性调理</a></span>
							<ul>
								<li><a href="#">清热去火</a></li><li><a href="#">减肥</a></li><li><a href="#">祛痰</a></li><li><a href="#">乌发</a></li><li><a href="#">滋阴补肾</a></li><li><a href="#">健脾开胃</a></li><li><a href="#">消化不良</a></li><li><a href="#">清热解毒</a></li><li><a href="#">补阴壮阳</a></li><li><a href="#">增肥</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">人群食膳</a></span>
							<ul>
								<li><a href="#">孕妇</a></li><li><a href="#">老人</a></li><li><a href="#">产妇</a></li><li><a href="#">哺乳期</a></li><li><a href="#">青少年</a></li><li><a href="#">幼儿</a></li><li><a href="#">学龄期儿童</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">疾病调理</a></span>
							<ul>
								<li><a href="#">糖尿病</a></li><li><a href="#">高血压</a></li><li><a href="#">痛风</a></li><li><a href="#">胃炎</a></li><li><a href="#">痔疮</a></li><li><a href="#">更年期</a></li><li><a href="#">甲状腺</a></li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">脏腑调理</a></span>
							<ul>
								<li><a href="#">感冒</a></li><li><a href="#">补肾</a></li><li><a href="#">阳痿早泄</a></li><li><a href="#">补血</a></li><li><a href="#">便秘</a></li><li><a href="#">腹泻</a></li><li><a href="#">活血化瘀</a></li>
							</ul>
						</div>
						<img src="img/ysjk_navbg.png" />
					</div>
				</li>
				<li class="l4"><a href="meishicaidan.html">美食菜单</a></li>
				<li class="l5"><a href="jiajuguan.html">家居馆</a></li>
				<li class="l6"><a href="#">美食达人</a></li>
				<li class="l7"><a href="#">讨论组</a></li>
				<li class="l8"><a href="#">手机版下载</a></li>
			</ul>
		</nav>
		<div id="main">
			 <div class="swiper-container" id="height1">
       			 <div class="swiper-wrapper" id="sss">
            <div class="swiper-slide">
            		<div class="zaocan">
            			<h3 style="display: block;">今日午餐推荐：天气闷热，来盘经典川菜下下饭</h3>
		            	<img src="img/2aef9831fbf4aae4014bf4fdd59cbae3.jpg" />
		            	<img src="img/c6055a4db4f0e7ea20669842bdf54606.jpg" />
		            	<img src="img/6016521f904ec3ca8adbc90873b557b9.jpg" />
		            	<div class="descripe"></div>
            		</div>
			
            </div>
            <div class="swiper-slide">
            	<div class="zaocan">
            			<h3 style="display: block;">今日午餐推荐：天气闷热，来盘经典川菜下下饭</h3>
		            	<img src="img/281cd11312b705a2776c31741a14aae0.jpg" />
            	<img src="img/b3f3793c8dc051d576a72daf095e877b.jpg" />
            	<img src="img/729f5f64ed8e8e37b41436623186bfae.jpg" />
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="zaocan">
            			<h3 style="display: block;">今日下午茶推荐：这样的水果，看上去格外好吃</h3>
		            	<img src="img/a555714c58b4cee4cd70d1ad82409968.jpg" />
		            	<img src="img/0c21256b064eee6be930e63538cdf6fa.jpg" />
		            	<img src="img/5c4e39a347160c4332ac46f5db904382.jpg" />
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="zaocan">
            			<h3 style="display: block;">今日晚餐推荐：老干妈玩转你的餐桌</h3>
		            	<img src="img/40fca6c4c67de5093d7dd6075fdf3657.jpg" />
		            	<img src="img/7f310787eeb88c958deaa4f4f25c07e1.jpg" />
		            	<img src="img/8c6f50ab2268c1d8dae76dc9c331194b.jpg" />
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="zaocan">
            			<h3 style="display: block;">今日夜宵推荐：一下子扎进海里，过瘾又健康</h3>
		            	<img src="img/10eabb8c1fd9eeb401fa4d5a17513dbe.jpg" />
		            	<img src="img/85aa7c5a2ece9976758aa4f9b37f5bb7.jpg" />
		            	<img src="img/d14e8769d237ad58c06c80105742fbfc.jpg" />
            	</div>
            </div>
	        </div>
	        <div class="swiper-pagination"></div>
	        <div class="swiper-button-next"></div>
	        <div class="swiper-button-prev" id="gundong1"></div>
   			 </div>
    <!-- Swiper2 -->
    <div id="suibian">八月，立秋防干燥</div>
    <div class="swiper-container" id="height2">
        <div class="swiper-wrapper" id="sss2">
            <div class="swiper-slide">
            	<div class="duolielunbo">
            		<li class="lix2">
            			<img src="img/fa8468199a4946bd25c3ada617f098af.jpg" />
            			<span class="span1"><a href="#">风靡大江南北的街边小吃</a></span>
            			<span class="span2">舌尖上的美食诱惑，吃货快接招</span>
            		</li>
            			<li class="lix2">
            			<img src="img/e603cde12da1c6c4e01f61a24d3a5672.jpg" />
            			<span class="span1"><a href="#">酸奶丨颜值不够，水果来凑</a></span>
            			<span class="span2">最值得收藏的酸奶水果攻略</span>
            		</li>
            		<li class="lix2">
            			<img src="img/7b59f4dc19bd163feed71198e5cd3f40.jpg" />
            			<span class="span1"><a href="#">鸡蛋快跑之鸡蛋菜谱征集</a></span>
            			<span class="span2">鸡蛋菜谱火热征集ing，来上传你的独创鸡蛋美食吧！</span>
            		</li>
            		<li class="lix">
            		<img src="img/2afab9be786620d7ffa1f8c56501f818.jpg" />
            			<span class="span1"><a href="#">引爆味蕾 • 酸辣菜</a></span>
            			<span class="span2">舌尖上的热舞，勾欲撩人没商量</span>
            		</li >
            		<li class="lix">
            			<img src="img/3f1ff642718b8bab9d0807efc19174c7.jpg" />
            			<span class="span1"><a href="#">吃货考试</a></span>
            			<span class="span2">是吃货还是饭桶，够胆来测</span>
            		</li>
            		<li class="lix">
            		<img src="img/6e0f3004b5d0311a11edba9c02f1881c.gif" />
            		<span class="span1"><a href="#">作女，请重视自己的病情！</a></span>
            			<span class="span2">本篇专治各种作</span>
            		</li>     	
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="duolielunbo">
            		 	<li>
            			<img src="img/6c4e6edc57545843022486a70169ff20.jpg" />
            			<span class="span1"><a href="#">立秋</a></span>
            			<span class="span2">炎夏已尽，暑热未尽</span>
            		</li>
            			<li>
            			<img src="img/61a9cd861659408a6ee756e85ecc6233.jpg" />
            			<span class="span1"><a href="#">食味之战，味蕾飨宴</a></span>
            			<span class="span2">苏泊尔《我是大厨师》第二季火热开赛！</span>
            		</li>
            		<li>
            			<img src="img/1a250689ecf60862330c25e8eccff491.jpg" />
            			<span class="span1"><a href="#">RIO夏日冰饮大作战</a></span>
            			<span class="span2">#有奖活动#赢取RIO代言人签名大礼包</span>
            		</li>
            		<li class="lix">
            		<img src="img/47dcbfd3c2b625020d1632bb3b68e303.jpg" />
            			<span class="span1"><a href="#">拯救胃口大行动</a></span>
            			<span class="span2">拯救夏日里没食欲的你</span>
            		</li >
            		<li class="lix">
            			<img src="img/b2f281a1db5a4fc3914fdbfe259d4fc3.jpg" />
            			<span class="span1"><a href="#">明星主厨叶一茜热力直播</a></span>
            			<span class="span2">森蝶妈妈的烹饪秘籍！</span>
            		</li>
            		<li class="lix">
            		<img src="img/f7e8376d1278f783889d26ef84e53e83.jpg" />
            		<span class="span1"><a href="#">达人旧食教你巧用光与影</a></span>
            			<span class="span2">美食拍摄进阶技巧大公开</span>
            		</li>  
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="duolielunbo">
            		<li>
            			<img src="img/a6e084028ead84e7b3453ed2348bf38e.jpg" />
            			<span class="span1"><a href="#">平底锅料理</a></span>
            			<span class="span2">离家出走，白手起家的好伙伴</span>
            		</li>
            			<li>
            			<img src="img/6bae4dd049c13e2887b8de02f6613769.jpg" />
            			<span class="span1"><a href="#">首选必备，解馋良策</a></span>
            			<span class="span2">不负众望的办公室零食CP</span>
            		</li>
            		<li>
            			<img src="img/20c2ba30462c4e3f5bb781cdfe36d0f3.jpg" />
            			<span class="span1"><a href="#">冰炫风来袭</a></span>
            			<span class="span2">你的夏日被这些高颜值冰品承包了</span>
            		</li>
            		<li class="lix">
            		<img src="img/99071ad8b5cc6b144a93fa7cbab22bc5.jpg" />
            			<span class="span1"><a href="#">广式早茶</a></span>
            			<span class="span2">广式早茶，叫醒你的味蕾</span>
            		</li >
            		<li class="lix">
            			<img src="img/4c141a1204d4ae338a2b3aa5639f5359.jpg" />
            			<span class="span1"><a href="#">无烤串 不夏日</a></span>
            			<span class="span2">撸串季节已到来，走起~</span>
            		</li>
            		<li class="lix">
            		<img src="img/0bfd828d956a2d0376da1aa04c604f55.jpg" />
            		<span class="span1"><a href="#">西瓜站住不要跑</a></span>
            			<span class="span2">这样优雅地吃西瓜，不用洗手</span>
            		</li>  
            	</div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev" id="gundong2"></div>
    </div>


		    <!--////////////////////////////////-->
		    <div id="biaoshi2">
		    		<p>8月，健脾清暑热</p>
		    		<a href="#">更多食材</a>
		    </div>
		    <div id="shure">
		    	<ul id="ul1">
		    		<li class="lisg">水果</li><li class="lisc">蔬菜</li><li class="liwg">五谷</li><li class="lishc">生鲜</li>
		    	</ul>
		    	<div id="div1">
		    		<ul id="u1">
		    			<li>
		    				<img src="img/6084dad456eff7e4de9645b0c0918462_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>芒果</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/de95b24631ef8f0022886a5c8d8ffe31_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>哈密瓜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/de2e19c25348fe9784c98878738596a3_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>火龙果</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/3884ebf90e667da178d1b7bd8cf62ddf_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>甜瓜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/cb4ec1fb937febcab07dfba1377e98bc_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>香蕉</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/0ff549e81061928347d77e12fbb9edcf_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>西瓜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/d6826979d54919cdd7ba40ba88e8c105_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>油桃</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/148a7c8b7a7a8300d2cc81bbd9629dc0_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>桑葚</span>
		    				</p>
		    			</li>
		    		</ul>
		    		<!--u2-->
		    		<ul id="u2">
		    			<li>
		    				<img src="img/a82d115d88dd46598f4333777582469c_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>西红柿</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/7f0d129d13145ff6c28e4cb1aec80bc8_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>虹豆</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/e42c1901635df0e2483221ce2a644ad9_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>苦瓜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/b3f66004d9644644de25e00ee84c91c3_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>杏鲍菇</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/5a8562a437374217a483cd333238a72d_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>丝瓜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/46ff26140cddcba66a59ef101bb7a4a0_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>茄子</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/effe3944174b288a948ef9ff85be82cc_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>卷心菜</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/dc52671b142bcfe1b99756c29f5e210d_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>黄瓜</span>
		    				</p>
		    			</li>
		    		</ul>
		    		<!--u3-->
		    		<ul id="u3">
		    			<li>
		    				<img src="img/ec4abb8eebe3f3a755bcb268fa08ca60_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>枣(干)</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/069f1a97d3b5ca8dd359dd81be379997_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>花生</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/5bb1dda5bfa20c2772d81781c4a23f31_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>燕麦</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/8f690769e15fd26ad5184dbfd0140052_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>赤小豆</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/3eb346efc8d0a9fca2d26ae0a6715d8d_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>玉米(鲜)</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/58b3095b7efe444f302b8d0a5adc870d_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>绿豆</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/6e5402c9f8c0b48e35ae1257d7e03683_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>小米</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/0284ef6334fa8ba467cecf718fb96033_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>黑豆</span>
		    				</p>
		    			</li>
		    		</ul>
		    		<!--u4-->
		    		<ul id="u4">
		    			<li>
		    				<img src="img/8477415ec7a644d493ddaa9ac6f86539_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>牡蛎</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/6a011ae27cdafe3afb702a4bc73f1aa2_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>海蟹</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/a33af27d0cb180dfb0762fc1f5386819_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>皮皮虾</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/0b5100453f24b68ff6ea3b5f3a39ad6a_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>小龙虾</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/4da435c5b7b482e337a31ee75de02060_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>鲫鱼</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/fe3a3f9a0e5b0830875fa33d45897834_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>鸭肉</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/537a2b03c517e0948d979120c6ddf0a9_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>带鱼</span>
		    				</p>
		    			</li>
		    			<li>
		    				<img src="img/517b9dbdc361b04e8eab0e527b7e8b68_150x150.jpg" />
		    				<p>
		    					<input type="checkbox" /><span>虾</span>
		    				</p>
		    			</li>
		    		</ul>
		    	</div>
		    </div>
		    <!--****************************************************************-->
		     <div class="swiper-container" id="height3">
        <div class="swiper-wrapper" id="sss3">
            <div class="swiper-slide">
            	<div class="duolielunbo2">
            		<div class="tuijian">最新菜谱</div>
            		<li>
            			<img src="img/a2795068_147157590528397.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>巧克力曲奇</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">tina清潭丽影</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a2789169_147150554396697.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>爆浆蓝莓马芬</strong>
            					<span class="spa1">12评论&nbsp;315人气</span>
            					<span class="spa2">禾小荷</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a5557434_147148892131938.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>电饭煲盐焗鸡</strong>
            					<span class="spa1">15评论&nbsp;349人气</span>
            					<span class="spa2">味谷的厨房</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a2660223_147148558412899.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>五仁月饼</strong>
            					<span class="spa1">14评论&nbsp;346人气</span>
            					<span class="spa2">煮妇小食光</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a5241145_147145184186927.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>基础戚味蛋糕</strong>
            					<span class="spa1">21评论&nbsp;438人气</span>
            					<span class="spa2">爱生活的馋猫vip</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a3386737_147143218468025.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>莲蓉蛋黄广式月饼</strong>
            					<span class="spa1">10评论&nbsp;459人气</span>
            					<span class="spa2">Cc鲁想当孙悟空</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a2598254_147136826965140.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>芝士苹果塔</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">翻糖MM-白之猫猫</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom last">
						<strong>热门栏目推荐</strong>
						<div class="daohangshipin">
							<dd><a href="#">最新菜谱</a></dd>
							<dd><a href="#">家常菜</a></dd>
							<dd><a href="#">凉菜</a></dd>
							<dd><a href="#">素食</a></dd>
							<dd><a href="#">早餐</a></dd>
							<dd><a href="#">乌发</a></dd>
							<dd><a href="#">高血压</a></dd>
							<dd><a href="#">烘焙</a></dd>
							<dd><a href="#">韩国料理</a></dd>
							<dd><a href="#">川菜</a></dd>
							<dd><a href="#">粤菜</a></dd>
							<dd><a href="#">湘菜</a></dd>
							<dd><a href="#">甜点</a></dd>
							<dd class="lianjie"><a href="#" style="color: white;">进入菜谱大全 &gt;&gt;</a></dd>
						</div>
            		</li>
            			
            	</div>
            </div>
              <div class="swiper-slide">
            	<div class="duolielunbo2">
            		<div class="tuijian">每小时最热门菜谱</div>
            		<li>
            			<img src="img/a1534496_147097462858586.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>巧克力曲奇</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">tina清潭丽影</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a5254631_145221970447218.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>爆浆蓝莓马芬</strong>
            					<span class="spa1">12评论&nbsp;315人气</span>
            					<span class="spa2">禾小荷</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/bad44ac13ee1e8a19ac10bdc528a1e87_150x150.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>电饭煲盐焗鸡</strong>
            					<span class="spa1">15评论&nbsp;349人气</span>
            					<span class="spa2">味谷的厨房</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a2939308_145812752930511.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>五仁月饼</strong>
            					<span class="spa1">14评论&nbsp;346人气</span>
            					<span class="spa2">煮妇小食光</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a588115_144628156806701.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>基础戚味蛋糕</strong>
            					<span class="spa1">21评论&nbsp;438人气</span>
            					<span class="spa2">爱生活的馋猫vip</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a3781954_147092425055183.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>莲蓉蛋黄广式月饼</strong>
            					<span class="spa1">10评论&nbsp;459人气</span>
            					<span class="spa2">Cc鲁想当孙悟空</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a5829416_147110031550606.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>芝士苹果塔</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">翻糖MM-白之猫猫</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom last">
						<strong>热门栏目推荐</strong>
						<div class="daohangshipin">
							<dd><a href="#">最新菜谱</a></dd>
							<dd><a href="#">家常菜</a></dd>
							<dd><a href="#">凉菜</a></dd>
							<dd><a href="#">素食</a></dd>
							<dd><a href="#">早餐</a></dd>
							<dd><a href="#">乌发</a></dd>
							<dd><a href="#">高血压</a></dd>
							<dd><a href="#">烘焙</a></dd>
							<dd><a href="#">韩国料理</a></dd>
							<dd><a href="#">川菜</a></dd>
							<dd><a href="#">粤菜</a></dd>
							<dd><a href="#">湘菜</a></dd>
							<dd><a href="#">甜点</a></dd>
							<dd class="lianjie"><a href="#" style="color: white;">进入菜谱大全 &gt;&gt;</a></dd>
						</div>
            		</li>
            			
            	</div>
            </div>
             <div class="swiper-slide">
            	<div class="duolielunbo2">
            		<div class="tuijian">今日最受欢迎菜谱</div>
            		<li>
            			<img src="img/6eeefac07230d987b839111d4a06b1a3_150x150.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>巧克力曲奇</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">tina清潭丽影</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/4653f449281c23a0bbdd80fa3f9e16ee_150x150.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>爆浆蓝莓马芬</strong>
            					<span class="spa1">12评论&nbsp;315人气</span>
            					<span class="spa2">禾小荷</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a588115_143678448170105.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>电饭煲盐焗鸡</strong>
            					<span class="spa1">15评论&nbsp;349人气</span>
            					<span class="spa2">味谷的厨房</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a6482563_147073295399615.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>五仁月饼</strong>
            					<span class="spa1">14评论&nbsp;346人气</span>
            					<span class="spa2">煮妇小食光</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a2488357_147115073893532.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>基础戚味蛋糕</strong>
            					<span class="spa1">21评论&nbsp;438人气</span>
            					<span class="spa2">爱生活的馋猫vip</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a1259208_142192501976677.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>莲蓉蛋黄广式月饼</strong>
            					<span class="spa1">10评论&nbsp;459人气</span>
            					<span class="spa2">Cc鲁想当孙悟空</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a4071567_147098799902086.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>芝士苹果塔</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">翻糖MM-白之猫猫</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom last">
						<strong>热门栏目推荐</strong>
						<div class="daohangshipin">
							<dd><a href="#">最新菜谱</a></dd>
							<dd><a href="#">家常菜</a></dd>
							<dd><a href="#">凉菜</a></dd>
							<dd><a href="#">素食</a></dd>
							<dd><a href="#">早餐</a></dd>
							<dd><a href="#">乌发</a></dd>
							<dd><a href="#">高血压</a></dd>
							<dd><a href="#">烘焙</a></dd>
							<dd><a href="#">韩国料理</a></dd>
							<dd><a href="#">川菜</a></dd>
							<dd><a href="#">粤菜</a></dd>
							<dd><a href="#">湘菜</a></dd>
							<dd><a href="#">甜点</a></dd>
							<dd class="lianjie"><a href="#" style="color: white;">进入菜谱大全 &gt;&gt;</a></dd>
						</div>
            		</li>
            			
            	</div>
            </div>
             <div class="swiper-slide">
            	<div class="duolielunbo2">
            		<div class="tuijian">一周热门菜谱推荐</div>
            		<li>
            			<img src="img/a3552450_146951217285770.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>巧克力曲奇</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">tina清潭丽影</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/a1309526_143833190651227.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>爆浆蓝莓马芬</strong>
            					<span class="spa1">12评论&nbsp;315人气</span>
            					<span class="spa2">禾小荷</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/dc479ed24706edf47e4bc5c47af43363_150x150.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>电饭煲盐焗鸡</strong>
            					<span class="spa1">15评论&nbsp;349人气</span>
            					<span class="spa2">味谷的厨房</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li>
            			<img src="img/ae7649a1523958106c142c0091036e94_150x150.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>五仁月饼</strong>
            					<span class="spa1">14评论&nbsp;346人气</span>
            					<span class="spa2">煮妇小食光</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a494680_146244186039177.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>基础戚味蛋糕</strong>
            					<span class="spa1">21评论&nbsp;438人气</span>
            					<span class="spa2">爱生活的馋猫vip</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a3386737_142181455570849.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>莲蓉蛋黄广式月饼</strong>
            					<span class="spa1">10评论&nbsp;459人气</span>
            					<span class="spa2">Cc鲁想当孙悟空</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom">
            			<img src="img/a3620165_146893203145772.jpg" />
            			<div class="guodu">
            				<div class="cansee">
            					<strong>芝士苹果塔</strong>
            					<span class="spa1">10评论&nbsp;231人气</span>
            					<span class="spa2">翻糖MM-白之猫猫</span>
            				</div>
            				<div class="canotsee">
								  <p class="pyin1">11步/大概30分钟</p>
								  <p class="pyin2">烤/甜味</p>
            				</div>
            			</div>
            		</li>
            		<li class="libottom last">
						<strong>热门栏目推荐</strong>
						<div class="daohangshipin">
							<dd><a href="#">最新菜谱</a></dd>
							<dd><a href="#">家常菜</a></dd>
							<dd><a href="#">凉菜</a></dd>
							<dd><a href="#">素食</a></dd>
							<dd><a href="#">早餐</a></dd>
							<dd><a href="#">乌发</a></dd>
							<dd><a href="#">高血压</a></dd>
							<dd><a href="#">烘焙</a></dd>
							<dd><a href="#">韩国料理</a></dd>
							<dd><a href="#">川菜</a></dd>
							<dd><a href="#">粤菜</a></dd>
							<dd><a href="#">湘菜</a></dd>
							<dd><a href="#">甜点</a></dd>
							<dd class="lianjie"><a href="#" style="color: white;">进入菜谱大全 &gt;&gt;</a></dd>
						</div>
            		</li>
            			
            	</div>
            </div>
<!--之前-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev" id="gundong2"></div>
    </div>
        <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper2 = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>
    <div id="jiankang">
    	<p>健康新闻</p>
    </div>
    <div id="index-health">
    	<div class="mb20">
    		<img src="img/b40b9f20c4cd58c3b9deb91c7255da66_150x150.jpg" class="imgx1"/>
    		<!--img/b40b9f20c4cd58c3b9deb91c7255da66_150x150-->
    		<div class="right">
    			<div><a class="a0" href="#">洋快餐被呼吁停用含抗生素食材</a></div>
    			<div><a class="a1" href="#">枸杞不宜泡水喝</a></div>
    			<div><a class="a2" href="#">白酒禁忌，勿兑红酒喝</a></div>
    		</div>
    		<div class="logposition">
    			<span class="log">食品安全</span>
    			<span class="texiao"></span>
    		</div>
    		
    	</div>
    	<div class="mb20">
    		<img src="img/ac7f3feafc5e94162a5df317f0b89176_150x150.jpg" class="imgx1"/>
    		<!--img/b40b9f20c4cd58c3b9deb91c7255da66_150x150-->
    		<div class="right">
    			<div><a class="a3" href="#">西班牙晚餐可延迟到11点！</a></div>
    			<div><a class="a4" href="#">中华美食成里约新名片</a></div>
    			<div><a class="a5" href="#">历届奥运健儿吃什么?</a></div>
    		</div>
    		<div class="logposition">
    			<span class="log">文化典故</span>
    			<span class="texiao"></span>
    		</div>
    		
    	</div>
    	<div class="mb20">
    		<img src="img/f83738d3f037ba9c3a08a3190cf6ebf0_150x150.jpg" class="imgx1"/>
    		<!--img/b40b9f20c4cd58c3b9deb91c7255da66_150x150-->
    		<div class="right">
    			<div><a class="a6" href="#">五个方法解决冰箱去冰问题</a></div>
    			<div><a class="a7" href="#">初秋养肺食疗法</a></div>
    			<div><a class="a8" href="#">5种水果加热着吃营养更高</a></div>
    		</div>
    		<div class="logposition">
    			<span class="log">健康指南</span>
    			<span class="texiao"></span>
    		</div>
    		
    	</div>
    	<div class="mb20">
    		<img src="img/21656b6c681df3bd0be6c91b1e193de7_150x150.jpg" class="imgx1"/>
    		<!--img/b40b9f20c4cd58c3b9deb91c7255da66_150x150-->
    		<div class="right">
    			<div><a class="a9" href="#">大姨妈光顾，挑对水果招待她</a></div>
    			<div><a class="a10" href="#">一口手工锅的“前世今生”</a></div>
    			<div><a class="a11" href="#">不粘锅“不粘”的秘密</a></div>
    		</div>
    		<div class="logposition">
    			<span class="log">新鲜资讯</span>
    			<span class="texiao"></span>
    		</div>
    		
    	</div>
    </div>
		</div>
		<footer>
			<div class="footer_border">
				<div class="footer_left">
					<img src="img/logo_f.png" />
					<p> 中国，最大的菜谱库 <span>800,000 篇</span> </p>
					<p> 每月，用户访问数量 <span>20,000,000 次</span> </p>
					<p> 每年，菜谱被浏览量 <span>36,000,000,000 次</span> </p>
					<p> 现在，这些数字还在不断的增长着，欢迎您来一起使用美食杰</p>
				</div>
				<div id="footer_right">
					<div id="footer_right_div1">
						<div></div>
						<div></div>
						<div></div>
						<div></div>
					</div>
					<div id="footer_right_div2">
						<div>
							<a href="#">扫描二维码下载
								<br />美食杰手机客户端
							</a>
							
						</div>
						<div>
							<a href="#">扫描二维码添加<br />美食杰为微信好友
							</a>
						</div>
						<div>
							<a href="#">点击进入<br /> 美食杰QQ空间
							</a>
						</div>
						<div>
							<a href="#">点击进入<br /> 美食杰官方微博
							</a>
						</div>
					</div>
					<span id="footer_sp1">关注：81万</span>
					<span id="footer_sp2">关注：10.3万</span>
				</div>
			</div>
			<div id="footer_bottom">
				<div>
					<a href="#">公司简介</a>
					<a href="#">企业文化</a>
					<a href="#">公司动态</a>
					<a href="#">免责申明</a>
					<a href="#">联系我们</a>
					<a href="#">招贤纳士</a>
					<a href="#">商务合作</a>
					<a href="#">网站地图</a>
					<a href="#">友情链接</a>
					<a href="#">美食杰移动APP</a>
				</div>
				<p>京ICP证150335号/京公网安备11010802009977 Copyright © 2003-2016 MEISHIJ CO.,LTD.</p>

			</div>
		</footer>
	</body>
</html>
